import 'package:flutter/material.dart';
import 'package:t_flutter_test/component/layout_widget.dart';

class File03 extends StatelessWidget {
  const File03({super.key});

  @override
  Widget build(BuildContext context) {
    return LayoutWidget(
      body: Center(
        child: Container(
          width: 300,
          height: 400,
          color: Colors.lightBlueAccent,
          // 网络图片
          // child: Image.network(
          //   'https://yanxuan-item.nosdn.127.net/e529b6ab111ade9da9314867f98d360f.png',
          //   fit: BoxFit.contain,
          // ),
          /* 
          本地图片 必须在 pubspec.yaml 中的 flutter 配置 assets:  然后重新运行项目
          若准备不同尺寸的图片 (参考assets目录下文件)
          图标在加载时会根据客户端的像素比自动的识别对应倍数的图标 (可在控制台 - 网络 查看加载的图片大小)
         */
          child: Image.asset('assets/qiche.png', width: 30, height: 30),
        ),
      ),
    );
  }
}
